/*  Common style elements
-------------------------------------- */

/*	NOTE

Use these common styles wherever possible instead of creating new ones.
If you need to change something, always override in the main stylesheet,
do *not* modify any of these rules.

*/

.list-clean,
.list-horizontal {
	padding-left: 0;
}
.list-clean li,
.list-horizontal li {
	list-style-type: none;
}

.list-horizontal {
	margin: 0;
}
.list-horizontal li {
	display: inline;
	margin-right: 10px;
}
.rounded-corners-5px {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.rounded-corners-10px {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.rounded-corners-full {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.datagrid {
	font-size: 12px;
	margin: 20px 0 10px;
}
.datagrid th,
.datagrid td {
	padding: 6px;
	text-align: left;
}
.datagrid th {
	background-color: #666;
	color: #eee;
	font-size: 14px;
}
.datagrid td {
	border-bottom: 1px solid #ccc;
}
.tabs-container {
	background: #ccc;
	margin: 20px 0 10px;
	padding: 2px;
}
.tabs-menu {
	height: 30px;
	width: 100%;
}
.tabs-menu li a {
	color: #666;
	display: inline;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	text-decoration: none;
}
.tabs-menu li a:hover {
	color: #333;
}
.tabs-menu .ui-tabs-selected a {
	color: #000;
	background-color: #fff;
}
.tabs-page {
	background-color: #fff;
	padding: 10px;
}

.ui-tabs .ui-tabs-hide {
	display: none;
}

.hidden 		{ display: none; }
.block 			{ display: block; }
.inline 		{ display: block; }
.invisible 		{ visibility: hidden; }
.visible 		{ visibility: visible; }
.clearleft 		{ clear: left; }
.clearright 	{ clear: right; }
.clearboth 		{ clear: both; }
.floatleft		{ float: left; }
.floatright		{ float: right; }
.alignleft		{ text-align: left; }
.alignright		{ text-align: right; }
.aligncenter	{ text-align: center; }
.relative		{ position: relative; }
// unit measurements
.padding_top5 {
	padding-top:5px;
}
.padding_top8 {
	padding-top:8px;
}
.padding_top10 {
	padding-top:10px;
}
.padding_top12 {
	padding-top:12px;
}

.padding_right5 {
	padding-right:5px;
}
.padding_right8 {
	padding-right:8px;
}
.padding_right10 {
	padding-right:10px;
}
.padding_right12 {
	padding-right:12px;
}
.padding_bottom5 {
	padding-bottom:5px;
}
.padding_bottom8 {
	padding-bottom:8px;
}
.padding_bottom10 {
	padding-bottom:10px;
}
.padding_bottom12 {
	padding-bottom:12px;
}
.padding_left5 {
	padding-left:5px;
}
.padding_left8 {
	padding-left:8px;
}
.padding_left10 {
	padding-left:10px;
}
.padding_left12 {
	padding-left:12px;
}
.padding_top5 {
	padding-top:5px;
}
.padding_top8 {
	padding-top:8px;
}
.padding_top10 {
	padding-top:10px;
}
.padding_top12 {
	padding-top:12px;
}

.margin_right5 {
	margin-right:5px;
}
.margin_right8 {
	margin-right:8px;
}
.margin_right10 {
	margin-right:10px;
}
.margin_right12 {
	margin-right:12px;
}
.margin_right20 {
	margin-right:20px;
}
.margin_bottom5 {
	margin-bottom:5px;
}
.margin_bottom8 {
	margin-bottom:8px;
}
.margin_bottom10 {
	margin-bottom:10px;
}
.margin_bottom12 {
	margin-bottom:12px;
}
.margin_bottom20 {
	margin-bottom:20px;
}
.margin_left5 {
	margin-left:5px;
}
.margin_left8 {
	margin-left:8px;
}
.margin_left10 {
	margin-left:10px;
}
.margin_left12 {
	margin-left:12px;
}
.margin_left20 {
	margin-left:20px;
}
.margin_top5 {
	margin-top:5px;
}
.margin_top8 {
	margin-top:8px;
}
.margin_top10 {
	margin-top:10px;
}
.margin_top12 {
	margin-top:12px;
}
.margin_top20 {
	margin-top:20px;
}
.message {
	background: #ceedff url("../img/framework/message-info.png") no-repeat 15px 15px;
	border: 2px solid #179bf4;
	margin: 10px 0;
	padding: 15px 10px 10px 60px;
}
.message-info p,
.message-success p,
.message-warning p,
.message-error p {
	font-size: 12px;
	margin: 10px 0 0 0;
}
.message-info h3,
.message-success h3,
.message-warning h3,
.message-error h3 {
	color: #fff;
	font-size: 20px;
	margin: 0 0 10px 0;
}
.message-success,
p.message-small-success {
	background-color: #e1ffce;
	background-image: url("../img/framework/message-success.png");
	border-color: #62bb11;
}
.message-warning,
p.message-small-warning {
	background-color: #fff7b9;
	background-image: url("../img/framework/message-warning.png");
	border-color: #e19300;
}
.message-error,
p.message-small-error {
	background-color: #ffddce;
	background-image: url("../img/framework/message-error.png");
	border-color: #ef5934;
}
.message-info h3 {
	color: #005bca;
}
.message-success h3 {
	color: #4a9d00;
}
.message-warning h3 {
	color: #c46700;
}
.message-error h3 {
	color: #ca0000;	
}
p.message-small-info,
p.message-small-success,
p.message-small-warning,
p.message-small-error {
	background-position: 5px 5px;
	line-height: 20px;
	margin: 10px 0;
	padding: 3px 3px 3px 25px;
}
p.message-small-info { 
	background-image: url("../img/framework/message-small-info.png");
}
p.message-small-warning { 
	background-image: url("../img/framework/message-small-warning.png");
}
p.message-small-error { 
	background-image: url("../img/framework/message-small-error.png");
}
p.message-small-success { 
	background-image: url("../img/framework/message-small-success.png");
}
p.pagination{
	text-align:center;
}
p.pagination span.disabled{
	color:#999;
}
p.pagination span.current{
	font-weight:bold;
}
p.pagination span.elipses{
	color:#666;
}
table.calendar{
	border-width:0px;
	border-color:transparent;
	border-collapse:collapse;
}
table.calendar td{
	font-size:13px;
	border-color:transparent;
	border-collapse:collapse;
}
table.calendar-header{
	background-color:#666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
table.calendar-header td{
	padding:4px;
	font-size:15px;
	text-transform:uppercase;
	color:#fff;
	text-shadow:0px -1px 0px #000;
}
table.calendar-header td a{
	color:#FFF;
	text-decoration:none;
}
table.calendar-header td a:hover{
	color:#000;
	text-shadow:0px 1px 0px #fff;
}
table.calendar th.calendar-dayheader{
	padding:2px 0px 2px 0px;
	border-color:transparent;
	border-collapse:collapse;
}
table.calendar td.calendar-day{
	font-family:Georgia, Times, serif;
}
table.calendar td.calendar-day a{
	background-color:#fff;
	padding:4px 7px;
	margin:1px;
	display:block;
	border:1px solid #dedede;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#000;
	text-decoration:none;
}
table.calendar td.calendar-day a:hover{
	background-color:#eee;
	text-shadow:0px 1px 0px #fff;
}
table.calendar td.calendar-othermonths a{
	color:#dedede;
}
table.calendar td.calendar-today a{
	background-color:#aaa;
	border-color:#aaa;
	text-shadow:0px 1px 0px #fff;
}
table.calendar td.calendar-today a:hover{
	background-color:#aaa;
}
table.calendar td.calendar-event a{
	background-color:#0075FF;
	border-color:#333;
	text-shadow:0px -1px 0px #333;
	color:#FFF;
}
table.calendar td.calendar-event a:hover{
	background-color:#aaa;
	text-shadow:0px -1px 0px #333;
}
table.calendar.graphical td.calendar-event a{
	background-color:#fff;
	background-image:url(../img/framework/calendar-event.png);
	background-position:center center;
	background-repeat:no-repeat;
	border-color:#333;
	color:#000;
	text-shadow:none;
	border:none;
}
table.calendar.graphical td.calendar-event a:hover{
	color:#ca0000;
}

table.calendar.small td{
	font-size:10px;
}
table.calendar.small table.calendar-header td{
	padding:2px;
	font-size:11px;
	text-shadow:none;
}
table.calendar.small table.calendar-header td a:hover{
	text-shadow:none;
}
table.calendar.small th.calendar-dayheader{
	padding:1px 0px 1px 0px;
	font-size:8px;
}
table.calendar.small td.calendar-day{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
table.calendar.small td.calendar-day a{
	padding:2px 3px;
	text-shadow:none;
}
table.calendar.small td.calendar-day a:hover{
	background-color:#ddd;
	text-shadow:none;
}
table.calendar.small td.calendar-othermonths a{
	color:#dedede;
}
table.calendar.small td.calendar-othermonths a:hover{
	color:#aaa;
	background-color:#FFF;
}
table.calendar.small td.calendar-event a{
	background-color:#0075FF;
	border-color:#0075FF;
}
table.calendar.small td.calendar-event a:hover{
	background-color:#aaa;
	border-color:#aaa;
	color:#333;
}

div.progressBar{
	display:block;
	height:20px;
}
div.progressBar span{
	padding-right:5px;
	line-height:20px;
}
div.progress-bar{
	background-color:#ccc;
	display:inline-block;
	margin-top:0px;
	width:100%;
	height:14px;
	float:left;
	border:1px solid #aaa;
}
div.progress-level{
	background-color:#093;
	display:inline-block;
	height:14px;
	float:left;
}
div.progress-level span{
	display:none;
}

div.progressBar.skinny div.progress-bar{
	margin-top:0px;
	height:6px;
}
div.progressBar.skinny div.progress-level{
	height:6px;
}

div.progressBar.super-skinny span{
	display:block;
	float:none;
	padding:0px;
	margin:0px;
	line-height:10px;
	font-size:8px;
	text-transform:uppercase;
}
div.progressBar.super-skinny div.progress-bar{
	margin-top:2px;
	width:100%;
	height:2px;
	border:none;
}
div.progressBar.super-skinny div.progress-level{
	height:2px;
}
div.progressBar.super-skinny div.progress-level span{
	display:none;
}










div.progressBar.fixed span{
	display:inline-block;
	float:left;
}
div.progressBar.fixed div.progress-bar{
	margin-top:6px;
	width:120px;
	height:6px;
}
div.progressBar.fixed div.progress-level{
	height:6px;
}
div.progressBar.fixed div.progress-level span{
	display:none;
}

div.progressBar.fixed.small div.progress-bar{
	width:80px;
}
div.progressBar.fixed.large div.progress-bar{
	width:200px;
}
div.progressBar.fixed.x-large div.progress-bar{
	width:320px;
}

div.progressBar.access{
	height:26px;
}
div.progressBar.access span{
	font-size:16px;
	line-height:26px;
	display:inline-block;
	float:left;
}
div.progressBar.access div.progress-bar{
	background-color:white;
	width:200px;
	height:24px;
	border:1px solid black;
}
div.progressBar.access div.progress-level{
	background-color:yellow;
	border-right:1px solid black;
	height:24px;
}
div.progressBar.access div.progress-level span{
	display:block;
	padding-left:4px;
	font-weight:bold;
}


div.progressBar.really-managing span{
	display:inline;
	float:left;
}
div.progressBar.really-managing div.progress-bar{
	margin-top:3px;
	width:241px;
	height:12px;
	border:none;
	background-image:url(../img/framework/progress-bars/really-managing_bar.gif);
}
div.progressBar.really-managing div.progress-level{
	height:12px;
	background-position:left;
	background-image:url(../img/framework/progress-bars/really-managing_level.gif);
}
div.progressBar.really-managing div.progress-level span{
	display:none;
}
div.progressBar.really-managing-border span{
	display:inline;
	float:left;
}
div.progressBar.really-managing-border div.progress-bar{
	margin-top:3px;
	width:241px;
	height:12px;
	border:none;
	background-image:url(../img/framework/progress-bars/really-managing-border_bar.gif);
}
div.progressBar.really-managing-border div.progress-level{
	height:12px;
	background-position:left;
	background-image:url(../img/framework/progress-bars/really-managing-border_level.gif);
}
div.progressBar.really-managing-border div.progress-level span{
	display:none;
}
div.progressBar.shiny span{
	display:inline;
	float:left;
}
div.progressBar.shiny div.progress-bar{
	background-color:#666;
	margin-top:2px;
	width:198px;
	padding-left:1px;
	height:13px;
	border:none;
	background-image:url(../img/framework/progress-bars/shiny_bar.png);
}
div.progressBar.shiny div.progress-level{
	height:11px;
	margin-top:1px;
	background-color:#A6D3EA;
	background-position:center right;
	background-image:url(../img/framework/progress-bars/shiny_bar.png);
}
div.progressBar.shiny div.progress-level span{
	display:none;
}

div.progressBar.shiny-ie6 span{
	display:inline;
	float:left;
}
div.progressBar.shiny-ie6 div.progress-bar{
	background-color:#666;
	margin-top:2px;
	width:198px;
	padding-left:1px;
	height:13px;
	border:none;
	background-image:url(../img/framework/progress-bars/shiny-ie6_bar.png);
}
div.progressBar.shiny-ie6 div.progress-level{
	height:11px;
	margin-top:1px;
	background-color:#A6D3EA;
	background-position:center right;
	background-image:url(../img/framework/progress-bars/shiny-ie6_level.png);
}
div.progressBar.shiny-ie6 div.progress-level span{
	display:none;
}













